{include file="common/head"/}
<style>
  .aui-bar-nav{background:white;}
  .aui-bar-nav .aui-btn .aui-iconfont{color:black;}
  body{background:#ffffff;}
  .aui-bar-nav .aui-title{color:black;}
  h1{font-weight:600;font-size:2rem;color:#17204d}
  
  .avatar img{border-radius:10px;width:80%;margin:auto;}
  .nickname{font-weight:bold;font-size:0.8rem;line-height:2rem;}
  
  .bill_list{font-size:0.7rem;line-height:2rem;}
  .bill_list .aui-row:nth-child(2n){background:#f5f5f5;}
  hr{border-bottom:1px solid #efefef;margin:15px 0}
  
  .code{background:#343c53;color:white;padding:10px;box-sizing:border-box;}
  .code .aui-btn{background:#666a75}
  
  .tools div div{padding-top:5px;box-sizing:border-box;box-shadow: 0px 2px 12px #dedede;
    border-radius: 5px;
    margin: 6px;
    padding: 5px 10px;}
  .tools h2{color:black;}
</style>
<title>Code</title>
<body>
   <header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn aui-btn-outlined" href='javascript:history.go(-1);'>
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title"></div>
    <a class="aui-pull-right aui-btn aui-btn-outlined"  href='index.html'>
        <span class="aui-iconfont aui-icon-home"></span>
    </a>
  </header>
<div class='aui-content aui-content-padded '>
  <h1>Code</h1>
  <div class='aui-row code'>
     <h2>我的收益</h2>
	 <p>创造区块及传播力可获得交易额1%F币</p>
  </div>
  
  <div class='aui-row code' style='border-top:1px solid #acacac;'>
	 <div class='aui-col-xs-9'>
	    我的邀请码：{$user.invint_id|strtoupper}
	 </div>
	 <div class='aui-col-xs-3'>
	     <div class="aui-btn" id='copy_btn' data-clipboard-text="{$user.invint_id|strtoupper}">复制</div>
	 </div>
  </div>
</div>

<div class='aui-content aui-content-padded tools'>
	<div class='aui-col-xs-8'>
	   <div>
		   <a href='{:url("login/register", ["invint_id"=>$user.invint_id])}'><p><img src='__HOME__/images/fx1.jpg' width='35' /></p>
		   <h2>立即创造</h2>
		   <p>Immediate creation</p></a>
	   </div>
	</div>
	<div class='aui-col-xs-4'>
	   <div>
		   <p><img src='__HOME__/images/fx2.jpg' width='35'/></p>
		   <h2>专属海报</h2>
		   <p>exclusive</p>
	   </div>
	</div>
</div>

<div align='center'>
	  <!--<img src='__HOME__/images/qrcode.jpg' width='50%' />-->
	  <div style='width:50%;margin:auto;margin-top:50px;' id='qrcode'></div>
	  <div>扫码后直接注册</div>
	</div>

{include file="common/footer"/}
<script src='__HOME__/js/clipboard.min.js'></script>
<script src='__HOME__/js/jquery.min.js'></script>
<script src='__HOME__/js/jquery.qrcode.min.js'></script>
<script type="text/javascript">
    var dialog = new auiDialog({})
	function tips(){
	    dialog.alert({
			title:"提示",
			msg:"敬请期待!",
			buttons:['确定']
		});
	}
	var clipboard = new ClipboardJS('#copy_btn');
	clipboard.on('success', function(e) {
		dialog.alert({
			title:"提示",
			msg:"复制成功!",
			buttons:['确定']
		});
		e.clearSelection();
	});
	
	$(function(){
	    $('#qrcode').qrcode({
			render: "canvas",
			foreground: "#343c53",
			width: 150,
            height: 150,
			text: location.origin+"{:url('login/register', array('invint_id'=>$user.invint_id))}"
		});
	})
</script>
</body>
</html>